<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li>
                    <a href="#/star">埋点中心</a>
                </li>
                <li class="active">职位透视</li>
            </ul>
        </div>
    </div>
</div>
<div class="pull-convert-alert"></div>

<style type="text/css">
</style>

<div style="padding: 0 10px 10px">
    <div style="float:right;">
        <input id="has_exp" type="checkbox" ng-model="vm.p.hasExp"/>
        <label for="has_exp">包含曝光</label>
    </div>
    <div style="text-align: right;font-size: 1.2rem; float: right;width: 50%;color: red;">
        操作1.5分钟后可以查看到数据，由于曝光数据量大，请尽量不要勾选包含曝光
    </div>
</div>

<div style="padding: 0 10px 10px;">
    <div class="row">

        <div class='col-md-2'>
            开始时间：
            <div class="form-group">
                <div class='input-group date' id='startTime'>
                    <input type='text' class="form-control" ng-model="vm.p.startTime" name="startTime"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class='col-md-2'>
            结束时间：
            <div class="form-group">
                <div class='input-group date' id='endTime'>
                    <input type='text' class="form-control" ng-model="vm.p.endTime" name="endTime"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>

            </div>
        </div>
        <div class='col-md-2'>
            职位ID(info_id)：
            <div class="form-group">
                <div class='input-group' id='infoId'>
                    <input type='text' style="width: 250px;" class="form-control" ng-model="vm.p.infoId" name="infoId"/>

                </div>
            </div>
        </div>

        <div class='col-md-2'>
            <div style="height: 12px;"></div>
            <button id="btn" type="button" class="btn btn-primary" ng-click="queryList()">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
            </button>
        </div>
    </div>
</div>

<div class="row" style="margin: -10px 10px 10px;">
    职位名称：{{vm.p.infoTitle}}
</div>

<div class="container-fluid">
    <div style="margin: 10px">

        <div class="row">
            <div class="col-sm-12 col-md-12">
                <h4 class="sub-header" style="font-size: 1.6rem;"> 职位效果透视 </h4>
                <!--<div id="toolbar"> </div>-->
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <table id="list_table" class="table table-condensed"
                       data-toolbar="#toolbar"
                       data-search="true"
                       data-show-toggle="true"
                       data-show-columns="true"
                       data-show-pagination-switch="true"
                       data-pagination="true"
                       data-search-align="left"
                       data-buttons-align="left"
                       data-toolbar-align="left"
                       data-side-pagination="client"
                       data-loading-template="loadingTemplate">
                    <thead>
                        <tr>
                            <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                            <th data-field="reportTime" data-sortable="true" data-formatter="hll2StdTimeFmt">业务时间</th>
                            <th data-field="platform" data-sortable="true" data-formatter="platformFmt">平台终端</th>
<!--                            <th data-field="tableName" data-sortable="true">行为类型</th>-->
                            <th data-field="optTypeName" data-sortable="true">行为类型</th>

                            <th data-field="userId" data-sortable="true" data-formatter="userIdFmt">访客</th>
<!--                            <th data-field="title" data-sortable="true">帖子标题</th>-->
                            <th data-field="dispLocal1" data-sortable="true" data-formatter="dispLocal1Fmt">展示地区</th>
                            <th data-field="adDispType" data-sortable="true">商业类型</th>
                            <th data-field="requestTypeName" data-sortable="true">流量商业类型</th>
<!--                            <th data-field="biz" data-sortable="true" >业务线端</th>-->
                            <th data-field="slot" data-sortable="true" data-formatter="isSharedFmt">是否站外分享</th>
                            <th data-field="slotName" data-sortable="true">资源位</th>
                            <th data-field="slot" data-sortable="true">资源位slot</th>
                            <th data-field="pid" data-sortable="true">检索时间（pid）</th>
                            <th data-field="tjfrom" data-sortable="true">串联tjfrom</th>
                        </tr>
                    </thead>
                </table>

            </div>
        </div>
    </div>
</div>